<template>
    <div class="container">
        <router-view v-slot="{ Component }">
            <transition enter-active-class="animate__animated animate__fadeInLeft"
                leave-active-class="animate__animated animate__fadeOutRight" mode="out-in">
                <component :is="Component">
                </component>
            </transition>
        </router-view>
    </div>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { RouterView } from 'vue-router';
onMounted(() => {
    window.localStorage.setItem('articlelist', JSON.stringify([
        {
            title: '《海贼王》',
            author: 'zs',
            pdate: '2022-1-1',
            content: '《航海王》是日本漫画家尾田荣一郎作画的少年漫画作品，于1997年7月22日在集英社《周刊少年Jump》开始连载。改编的电视动画《航海王》于1999年10月20日起在富士电视台首播。'
        },
        {
            title: '《火影忍者》',
            author: 'zs',
            pdate: '2022-1-1',
            content: '电视动画《火影忍者》改编自日本漫画家岸本齐史的同名漫画，2002年10月3日在东京电视台系列全6局、岐阜放送首播，共220话；第二季《火影忍者疾风传》于2007年2月15日－2017年3月23日在东京电视台播出，共500话；累计全720话。'
        },
        {
            title: '《斗破苍穹》',
            author: 'zs',
            pdate: '2022-1-1',
            content: '《斗破苍穹》是一部由阅文集团旗下起点中文网作家天蚕土豆同名玄幻长篇经典小说改编的动画。该动画第一季已于2017年1月7日在腾讯视频上映，bilibili同步跟播，共十二集。'
        },
        {
            title: '《鬼灭之刃》',
            author: 'zs',
            pdate: '2022-1-1',
            content: '《鬼灭之刃》是日本漫画家吾峠呼世晴所著的少年漫画，自2016年2月15日—2020年5月11日在集英社《周刊少年Jump》上连载。已完结。'
        }
    ]))
})
</script>

<style scoped>
.container {
    flex: 1;
}
</style>